<template>
  <view class="content">
    <view class="condition-row">
      <text class="condition-label">干支：</text>
      <text class="condition-text">{{tiangan.year}}</text>
      <text class="condition-text">{{tiangan.month}}</text>
      <text class="condition-text">{{tiangan.day}}</text>
      <text class="condition-text">{{tiangan.hour}}</text>
      <text class="condition-text">（旬空 {{ tiangan.xunKong}}）</text>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      tiangan:{
        year:'',
        month:'',
        day:'',
        hour:'',
        xunKong:''
      }
    }
  },
  onLoad() {
  },
  methods: {

  },
}
</script>

<style>
page {
  background: #FAF4EE;
}

.content {
  padding: 30rpx 10rpx;
}

.condition-row {
  padding: 6rpx 10rpx;
  padding-left: 120rpx;
  position: relative;
  margin-bottom: 10rpx;
  /*background: #F4E5BF;*/

}

.condition-label {
  position: absolute;
  top: 2rpx;
  left: 10rpx;
}

.condition-text {
  margin-right: 10rpx;

}

.condition-text:last-child {
  margin-right: 0;
}
</style>
